body {
  min-width: 1300px;
}

* {
  margin: 0;
  padding: 0;
 
}

.shortcut {
  width: 100%;
  height: 36px;
  background-color: #2e2828;
  display: flex;
  justify-content: center;
}

.layout {
  width: 1200px;
  height: 36px;
  background-color: #2e2828;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.layout-left {
  width: 484.4px;
  height: 36px;
  display: flex;
}

.layout-left1 {
  width: 24px;
  height: 36px;
  padding-right: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.layout-left2:hover {
  color: white;
}

.layout-left2 {
  width: 48px;
  height: 36px;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.layout-left3 {
  width: 60px;
  height: 36px;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.layout-left4 {
  height: 36px;
  padding-left: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.layout-left5 {
  width: 36px;
  height: 36px;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.layout-left6 {
  height: 36px;
  padding-left: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.more {
  width: 73.675px;
  height: 36px;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
  position: relative;
}

.more-box {
  width: 119px;
  height: 146px;
  padding-top: 6px;
  padding-bottom: 12px;
  display: flex;
  flex-direction: column;

}

.more-box1 {
  width: 119px;
  height: 32px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.more-box1>a {
  text-decoration: none;
  color: #afafaf;
}

.more:hover {
  cursor: pointer;
  color: #cb242b;
}
.more-box {
  display: none;
  position: absolute;
  top: 36px;
  left: -27.325PX;
}

.more:hover .more-box {
  display: block;
}

.more-box1>a:hover {
  color: #cb242b;
}

.layout-right {
  width: 472.688px;
  height: 36px;
  display: flex;

}

.layout-right1 {
  width: 70.013px;
  height: 36px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.layout-right1>a {
  color: #afafaf;
  text-decoration: none;
}

.layout-right2 {
  height: 36px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.layout-right2>a {
  color: #afafaf;
  text-decoration: none;
}

.layout-right3 {

  height: 36px;
  padding-right: 12px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.layout-right3-box {
  width: 85px;
  height: 82px;
  padding-top: 6px;
  padding-bottom: 12px;
  display: flex;
  flex-direction: column;

}

.layout-right3-box1 {
  width: 85px;
  height: 32px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.layout-right3-box1>a {
  text-decoration: none;
  color: #afafaf;
}

.layout-right3:hover {
  cursor: pointer;
}

.layout-right3-box {
  display: none;
  position: absolute;
  top: 36px;
  bottom: -82px;
}

.layout-right3:hover .layout-right3-box {
  display: block;
}

.layout-right3-box1>a:hover {
  color: #cb242b;
}

.layout-right4 {
  width: 63px;
  height: 36px;
  padding-left: 10px;
  padding-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.layout-right4>a {
  text-decoration: none;
  color: #afafaf;
  font-size: 12px;
}

.layout-right5 {

  height: 36px;
  padding-left: 10px;
  padding-right: 12px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.layout-right5-box {
  width: 244px;
  height: 444px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  top: 36px;
  bottom: -484px;
  left: -171px;

}

.layout-right5-box1 {
  width: 220px;
  height: 179px;
  padding-left: 24px;
  padding-bottom: 20px;
  border-bottom: 1px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hw-app {
  width: 89px;
  height: 90px;
  margin-right: 12px;
}

.hw-app1 {
  width: 122.675px;
  height: 89px;

}

.zxc {
  width: 32px;
  height: 32px;
  margin-top: 5px;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.asd {
  width: 96px;
  height: 32px;
  display: flex;
}

.layout-right5-box2 {
  width: 220px;
  height: 93px;
  padding-left: 24px;
  padding-bottom: 20px;
  border-bottom: 1px;
  margin-bottom: 20px;
  display: flex;



}

.layout-right5-box2-left {
  width: 90px;
  height: 90px;
  margin-right: 12px;
}

.layout-right5-box2-right {
  width: 98px;
  height: 93px;
}

.layout-right5:hover {
  cursor: pointer;
}

.layout-right5-box {
  display: none;
}

.layout-right5:hover .layout-right5-box {
  display: block;
}

.layout-right6 {
  width: 73.675px;
  height: 36px;
  padding-left: 10px;
  padding-right: 12px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.gouwuche {
  width: 50.675px;
  height: 36px;
  padding-left: 23px;
  font-size: 12px;
  color: #afafaf;
  display: flex;
  align-items: center;
  justify-content: center;

}

.gouwuche1 {
  position: absolute;
  right: 65px;
}

.layout-right6-box {
  width: 460px;
  height: 190px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  top: 36px;
  left: -364.325px;
  bottom: -230px;
  display: none;
  
}
.layout-right6-box1{
  width: 100px;
  height: 100px;
  margin-left: 180px;
  margin-right: 180px;
margin-bottom: 16px;
background-color: #f3f3f3;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.layout-right6-box1-1 > span{
  font-size: 62px;
}
.layout-right6-box2{
  font-size: 14px;
  color: #a4a4a4;
  display: flex;
  justify-content: center;
}
.layout-right6-box3{
  width: 148px;
  height: 38px;
  border: 1px solid black;
  margin-top: 20px;
  margin-left: 155px;
  margin-right: 155px;
  display: flex;
  justify-content: center;
  align-items: center;
 
}
.layout-right6-box3 > a{
  text-decoration: none;
  font-size: 14px;
}
.layout-right6-box3 > a:hover{
color: #cb242b;

}
.layout-right6-box3:hover{
  cursor: pointer;
  border: 1px solid red;
}
.layout-right6:hover .layout-right6-box{
  display: block;
}
.header{
  width: 100%;
  height: 41px;
  padding-top: 18px;
  padding-bottom: 15px;
  
}
.header-content{
width: 1200px;
height: 56px;
margin-left: 159.6px;
margin-right: 159.6px;
display: flex;
justify-content: space-between;

}
.header-content-left{
  width: 817.237px;
  height: 56px;
  display: flex;
}
.header-content-left-logo{
  width: 182.212px;
  height: 32px;
  margin-right: 34px;
}
.header-content-left-2{
width: 223px;
height: 56px;
margin-left: -70px;
}
.header-content-left-2-a{
  width: 72px;
  height: 56px;
  padding-left: 33px;
  margin-right: 24px;
}
.header-content-left-3{
  width: 64px;
  height: 40px;
  margin-right: 24px;
}
.header-content-left-4{
  width: 48px;
  height: 40px;
  margin-right: 24px;
}
.header-content-left-5{
  width: 64px;
  height: 40px;
  margin-right: 24px;
}
.header-content-left-6{
  width: 64px;
  height: 40px;
  margin-right: 24px;
}
.header-content-left-7{
  width: 88.025px;
  height: 40px;
  margin-right: 24px;
}
.header-content-right{
  width: 240px;
  height: 30px;
  margin-top: 5px;
  border-radius: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header-content-right-phone{
  width: 76.737px;
  height: 18px;
}
.header-content-right-sousuo{
  width: 25px;
  height: 30px;
  padding-right: 10px;
}
.null{
  width: 100%;
  height: 10px;
}
.title{
  width: 1200px;
  height: 28px;
  margin-left: 159.6px;
  margin-right: 159.6px;
}
.title-content{
  width: 1199px;
  height: 18.8px;
  padding-top: 10px;
  margin-left: 1px;
  font-size: 12px;
  
}
.title-content > a{
  text-decoration: none;
  color:#666666 ;
}
.content{
  width: 100%;
  height: 572.5px;
 display: flex;
 justify-content: center;
}
.shop{
  width: 1200px;
  height: 572.5px;
  display: flex;
  justify-content: space-between;
}
.shop-left{
  width: 450px;
  height: 536px;
  display: flex;
  flex-direction: column;
  
  
}
.shop-left1{
  width: 450px;
  height: 450px;
 
}
.shop-left2{
  width: 450px;
  height: 68px;
  margin-top: 18px;
  position: relative;
}
.shop-right{
  width:700px;
  height: 468.5px;
  padding-left: 30px;
  padding-bottom: 104px;
}
.shop-right1{
  width: 650px;
  height: 31.5px;
  margin-bottom: 10px;
 
}
.shop-right2{
  width: 660px;
  height: 40px;
  margin-bottom: 12px;
  font-size: 14px;
}
.shop-right3{
  width:700px;
  height: 102px;
 padding-top: 14px;
 padding-bottom: 3px;
}
.shop-right4{
  width:700px;
  height: 48px;
 margin-bottom: 10px;
 display: flex;
}
.shop-right5{
  width:700px;
  height: 18px;
  font-size: 12px;
}
.shop-right6{
  width:700px;
  height: 50px;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.shop-right7{
  width:700px;
  height: 76px;
}
.shop-right8{
  width:730px;
  height: 74px;
  padding-top: 10px;
}
.shop-left2-content{
  width: 370px;
  height: 68px;
  margin-left: 40px;
  display: flex;
}
.shop-left2-content-1{
  width: 68px;
  height: 68px;
 padding-left: 3px;
 padding-right: 3px;
}
.shop-left1-1{
  width: 450px;
  height: 450px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  
}
.shop-left2-content-1:hover + .shop-left1-1{
  display: block;
}
.shop-right3-1{
  width: 700px;
  height: 30px;
  padding-bottom: 4px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.shop-right4-right{
  width: 614px;
  height: 48px;
  display: flex;
}
.shop-right4-right-1{
  width: 24px;
  height: 18px;
  padding-left: 18px;
  margin-right: 12px;
  font-size: 12px;
  display: flex;
  align-items: center;
  position: relative;
}
.shop-right4-left{
  width: 85px;
  height: 18px;
  
}
.shop-right4-right-2{
  width: 240px;
  height: 18px;
  padding-left: 18px;
  margin-right: 12px;
  font-size: 12px;
  display: flex;
  align-items: center;
  position: relative;
}
.shop-right4-right-3{
  
  height: 18px;
  padding-left: 18px;
  margin-right: 12px;
  font-size: 12px;
  display: flex;
  align-items: center;
  position: relative;
}
.shop-right6-right{
  width: 605px;
  height: 50px;
  display: flex;
}
.shop-right6-box1{
  width: 98px;
  height: 40px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.shop-right6-box1-1{
  height: 38px;
  border: 1px solid black;
  font-size: 12px;
  color: #2e2828;
}